<!-- 
      账户安全.html
      <宾和>
      
      Created by YSG on 2017-01-06.
      Copyright 2017 YSG. All rights reserved.
 -->

<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>账户安全-点点生钱</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../assets/css/mui.min.css" rel="stylesheet" />
		<link href="../assets/css/main.css" rel="stylesheet" />
		<style>
		.mui-content{
			margin-bottom: 50px;
		}
		</style>
	</head>
	<body>
		<!--header beg-->
		<header class="mui-bar mui-bar-nav g-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">账户安全</h1>
		</header>
		<!--header end-->
		<div class="mui-content m-user-account">
			<ul class="mui-table-view" style="margin-top: 0;">
				<li class="mui-table-view-cell m-coupon-more">
            <a>
            	<div class="mui-pull-left m-user-photo">
            		<img class="mui-media-object mui-pull-left" src="../assets/img/60x60.gif">
            	</div>
            <span class="mui-badge mui-badge-op" style="color:#fe4142;">未认证</span>
            <div class="con">
								蟹黄堡
							</div>
            </a>
        </li>
			</ul>
			<ul class="mui-table-view m-mt10">
				<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
	            <span class="mui-badge mui-badge-op">修改</span>
	            	手机号
	        </a>
	    	</li>
	    	<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
	            <span class="mui-badge mui-badge-op">未实名</span>
	            	实名认证
	        </a>
	    	</li>
	    	<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
            	邮箱认证
	        </a>
	    	</li>
	    	<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
	            <span class="mui-badge mui-badge-op">开通</span>
	            	第三方认证
	        </a>
	    	</li>
	    	<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
	            	银行卡
	        </a>
	    	</li>
	    	<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
	            	查看邀请码
	        </a>
	    	</li>
	    	<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
	            <span class="mui-badge mui-badge-op">开启</span>
	            	自动投标
	        </a>
	    	</li>
	    	<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
	            <span class="mui-badge mui-badge-op">修改</span>
	            	登录密码
	        </a>
	    	</li>
	    	<li class="mui-table-view-cell">
	        <a class="mui-navigate-right">
	            <span class="mui-badge mui-badge-op">修改</span>
	            	手势密码
	        </a>
	    	</li>
			</ul>
			<div class="m-btn-block m-btn-box">
				<button type="button" class="mui-btn mui-btn-primary mui-btn-block">退出</button>
			</div>
		</div>
		
		<script src="../assets/lib/mui/mui.min.js"></script>
		<script src="../assets/lib/zepto/zepto.min.js"></script>
		<script src="../assets/lib/layer_mobile/layer.js"></script>
		<script src="../assets/common/util.js"></script>
		<script src="../assets/common/common.js"></script>
		<script type="text/javascript">
			var Main = function() {
				mui.init({
					swipeBack: false //启用右滑关闭功能
				});
				this.init();
				this.even();
			};
			Main.prototype = {
				init: function() {
					mui('.mui-scroll-wrapper').scroll({
						indicators: true //是否显示滚动条
					});
				},
				even : function(){
					$('#G-proj li').on('tap',function(){
						window.location.href = '标的详情页.html'
					})
				}
			};

			$(function() {
				new Main();
			});
		</script>
	</body>

</html>